草庐IT

Android 4+ html5 Canvas 不重绘

全部标签

javascript - 如何使用 Jquery 根据 html 中的关键字为元素的背景着色

我正在尝试使用Jquery首先识别span标记中的特定单词,然后为嵌套它的div的背景着色。HTML如下所示:WorkshopToddlersareespeciallywelcometoBALTIConTuesdays.Joininthefun,asaBALTICartistleadsapracticalsessionusingavarietyofmaterials,...所以我认为我需要使用Jquery来确定是否等于“Workshop”,然后使用类highlight为div着色(例如,将背景设置为#000)。我需要重复此操作,以便为每个具有不同值的div.highlight赋予不同的

javascript - 在正文 html 中搜索某些文本的最佳方法是什么

截至目前,我正在使用JavaScript搜索方法来替换正文HTML中的一些文本,如下所示。假设我的html是Iaminbody...然后我使用下面的方法varbody=$(body);vartext=body.html();text=text.replace('Iaminbody...','Yes');body.html(text);但我可以在IE等浏览器中看到缓慢的页面搜索..请建议我改进这一点,如果有任何插件可以搜索和匹配字符串,即使它包含任何html标签,也请告诉我。如下所示Iaminbody...用目前的方法我无法匹配这个..如果我使用$('*:contains("somese

javascript - 使用Canvas将不透明像素变成白色

我正在寻找一种方法来拍摄图像(Logo、应用程序图标等)并使用javascript/canvas将它们转换为白色(不包括透明度)。这是我想要的示例(显然使用静态图像):http://jsfiddle.net/4ubyj/ 最佳答案 CanvasAPI具有专门用于“仅在原始图像中不透明的像素上绘制”之类的合成方法。这比弄乱图像数据要容易得多。jsFiddle示例(现在带有内联图像)向@WilliamVanRensselaer最初的fiddle致敬。您想要的复合操作是source-in,这意味着“仅在绘制图像中不透明像素之上绘制我要绘制

javascript - underscore.js 和 backbone.js 的外部 html 模板

我可以将我的模板放在单独的.html文件中,然后在我的index.html中引用它们吗?索引.html:项目列表-tmpl.html:我试过了,但问题是它没有在index.html上显示模板,但它加载在正确的位置(使用Firebug查看)更新找到了一个可能的解决方案,但不推荐用于生产环境。 最佳答案 从http://coenraets.org/blog/2012/01/backbone-js-lessons-learned-and-improved-sample-app/#comment-35324得到这个为此创建一个单独的js文件

javascript - 如果将前端代码分组有助于减少请求,为什么不将更多网站写在一个 html 文档上?

我想我想问的是,如果将JavaScript分组被认为是一种好的做法,为什么没有更多的网站将JavaScript和CSS直接放入一个HTML文档中? 最佳答案 whydon'tmorewebsitesplacetheJavaScriptandCSSdirectlyintooneHTMLdocument单个文件缓存。外部文件具有被缓存的优势。由于脚本和样式很少更改(静态)和/或在页面之间共享,因此最好将它们与页面分开,使页面更轻便。与其下载500kb的嵌入JS和CSS的页面数据,为什么不加载5kb的页面,并从缓存中加载495kb的JS和

javascript - 在背景选项卡上运行 Canvas

我最近创建了一个HTML5Canvas动画(也使用Processing.js)。问题是当我将浏览器切换到不同的选项卡时,动画停止播放。当用户位于与包含动画的标签不同的标签时,如何让动画继续播放?例子:http://jsfiddle.net/EyFTr/3/如果您切换标签页,时钟会停止,但如果您打开一个新窗口的链接并模糊该窗口,时钟仍会移动。 最佳答案 简短的回答是你不能。https://developer.mozilla.org/en/DOM/window.setTimeoutIn(Firefox5.0/Thunderbird5.0

javascript - 如何使用 jquery 获取 html 5 多文件上传变量的值?

即使我使用下面的html选择了多个文件。我只得到第一个选择文件的值。我正在使用一个简单的:varfilelist=$("#multiplefiles").val()||[];$.each(filelist,function(i,myfile){console.log('foundfile'+i+'='+myfile);});请告知我如何获取所有文件的列表...例如在输入字段中选择的字符串是:C:\Users\Public\Pictures\SamplePictures\Hydrangeas.jpg,C:\Users\Public\Pictures\SamplePictures\Chry

javascript - 读取 JSON Tiled map 编辑器文件并显示到 Canvas

我正在关注这个this能够在我的javascript/canvas游戏中加载由平铺map编辑器创建的jsonmap文件的教程。我已经实现了我自己的版本,并且在控制台或网络等中的firebug中没有出现任何错误。据我所知,通过放入console.logs和警报,脚本运行得非常好!问题是Canvas保持空白!当它现在应该有一个tilemap时。这是我在游戏中实现的教程版本:functionLevel(){varc;vardata;varlayers=[];this.get_map=function(name,ctx){c=ctx;$.getJSON('maps/'+name+'.json'

javascript - 使用 JavaScript 从 HTML5 data-* 属性获取 JSON 对象

这是我的HTML:到目前为止,这是我的JavaScript:vara=document.querySelectorAll('[data-setup]')for(vari=0;i这会提醒:ALERT:{"method":"checkbox"}但是我怎样才能访问JSON“方法”?我想基本上能够提醒“复选框”这个词。任何帮助表示赞赏。 最佳答案 JSON.parse将是从该JSON创建适当对象的最简单方法:for(vari=0;i当然,这在旧版浏览器中不起作用,因此如果您需要那种浏览器支持,则需要填充它。道格拉斯克罗克福德有垫片here,

javascript - 使用 javascript 将 Canvas 图像上传到 imgur (api v3)

我正在构建一个有趣的Chrome实验。mustache镜子!http://sjoerddijkstra.nl/cam/我想使用ImgurAPIV3将图像从tecanvas上传到Imgur,然后显示链接,但我真的不知道该怎么做。我找到的所有工作示例都使用V2API...我使用canvas.toDataURL:vardataURL=canvas.toDataURL("image/png");returndataURL.replace(/^data:image\/(png|jpg);base64,/,""); 最佳答案 Imgur文档在I